 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>Title</title>
    <link rel="stylesheet" href="css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/lib/bootstrap-datetimepicker.min.css" type="text/css">
    <link rel="stylesheet" href="css/lib/dataTables.bootstrap.css">
    <link rel="stylesheet" href="css/paginate.css" type="text/css">
    <link rel="stylesheet" href="../css/base/base.css">
    <link rel="stylesheet" href="css/record.css" type="text/css">
    <link rel="stylesheet" href="css/picker.css" type="text/css">
    <link rel="stylesheet" href="css/modalContent.css" type="text/css">
    <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../js/respond.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
    <script src="js/lib/metisMenu.js"></script>
    <script src="js/lib/jquery.dataTables.js" type="text/javascript"></script>
    <script src="js/lib/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/lib/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script src="js/lib/jquery.dataTables.js" type="text/javascript"></script>
    <script src="js/record.js" type="text/javascript"></script>
    <script src="js/modal.js" type="text/javascript"></script>
</head>
<body>
<div id="recordwrap">
    <div class="page-header">
        <!-- /.page-header -->
        <ul class="page_nav">
            <li class="first cur">医卫士云平台&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li class="cur">质量控制&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li>质量控制</li>
        </ul>
    </div>
    <div id="date">
        <h3>测量记录</h3>
        <div class="form-group">
            <label>查看记录:</label>
            <div id="PrevTime" class="input-group date form_date" style="width: 106px"                              data-date-format="yyyy-mm-dd">
                <input class="form-control" type="text" value="2015-07-24" readonly                       style="text-indent:0">
                <span class="input-group-addon">
                    <span class="glyphicon-calendar">&gt;</span>
                </span>
            </div>
        </div>
        <div class="form-group">
            <label class="To">到</label>
            <div id="NextTime" class="input-group date form_date" style="width: 106px"                              data-date-format="yyyy-mm-dd">
                <input class="form-control" type="text" value="2015-07-24" readonly                       style="text-indent:0">
                <span class="input-group-addon">
                    <span class="glyphicon-calendar">&gt;</span>
                </span>
            </div>
        </div>
        <div class="checkContent">
            <input type="button" value = "查看"  class="checkBtn btn" data-toggle="modal" data-target="#myModal">
            <div class="checkResult"></div>
        </div>
    </div>
    <div class="tableRecord">
        <table id="recordList" class="display" cellspacing="10" width="100%">
            <thead>
            <tr>
                <th>项目</th>
                <th>值</th>
                <th>单位</th>
                <th>SD</th>
                <th>日期</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<!-- 公共弹出框 start  -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">项目筛选</h4>
            </div>
            <div class="modal-body">
                <label class="selectLabel">方法：</label>
                <select id="branchOne">
                    <option selected="selected" value="-1">请选择</option>
                </select>
                <div class="classes">
                    <span class="checkboxCon">使用方法：</span>
                    <div id="Method"><b style="font-size:22px;">--&nbsp;&nbsp;请选择内容&nbsp;&nbsp;--</b></div>
                    <div class="MethodCheck"></div>
                </div>
                <div id="checkFinish">
                    <div class="wrapLeftbox">
                        <ul id="Left"></ul>
                        <div class="moveRight">
                            <span class="moveR"><button>>><br>右移</button></span>
                            <span class="moveAll"><button>>>>><br>全部右移</button></span>
                        </div>
                    </div>
                    <div class="wrapRightbox">
                        <ul id="Checked"></ul>
                        <span class="alerady">
                            已选择
                            <b>0</b>
                            个
                        </span>
                        <span class="clear">清空</span>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default shutModal" data-dismiss="modal">完成</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
//        function init(id){
//            $(id).datetimepicker({
//                language:  'zh-CN',
//                weekStart:  0,
//                todayBtn: true,
//                autoclose:  1,
//                todayHighlight: 1,
//                startView: 2,
//                minView: 2,
//                forceParse: 0
//            });
//        }
//        init("#NextTime");
//        init("#PrevTime");



    });

</script>
</body>
</html>